<template>
    <div class="Test">
        <ul>
            <li @click="tipTestRoute('/LargeScreen')">大屏</li>
            <li @click="tipTestRoute('/SmallScreen')">小屏</li>
            <li @click="tipTestRoute('/BDUHome')">BDU测试系统</li>
            <li @click="tipTestRoute('/workStationOperator','1-6O')">工站1-6(操作员)</li>
            <li @click="tipTestRoute('/WorkStationManager','1-6M')">工站1-6(管理员)</li>
            <li @click="tipTestRoute('/workStationOperator','7O')">工站7(操作员)</li>
            <li @click="tipTestRoute('/WorkStationManager','7M')">工站7(管理员)</li>
            <li @click="tipTestRoute('/workStationOperator','1-6O')">工站8-12(操作员)</li>
            <li @click="tipTestRoute('/WorkStationManager','1-6M')">工站8-12(管理员)</li>
            <li @click="tipTestRoute('/workStationOperator','7O')">工站13-16(操作员)</li>
            <li @click="tipTestRoute('/WorkStationManager','7M')">工站13-16(管理员)</li>
            <li @click="tipTestRoute('/workStationOperator','17O')">工站17(操作员)</li>
            <li @click="tipTestRoute('/WorkStationManager','17M')">工站17(管理员)</li>
            <li @click="tipTestRoute('/workStationOperator','18-20O')">工站18-20(操作员)</li>
            <li @click="tipTestRoute('/WorkStationManager','18_20M')">工站18-20(管理员)</li>
            <li @click="tipTestRoute('/workStationOperator','21O')">工站21(操作员)</li>
            <li @click="tipTestRoute('/WorkStationManager','7M')">工站21(管理员)</li>
            <li @click="tipTestRoute('/workStationOperator','22O')">工站22(操作员)</li>
            <li @click="tipTestRoute('/WorkStationManager','22M')">工站22(管理员)</li>
            <li @click="tipTestRoute('/workStationOperator','23O')">工站23-24(操作员)</li>
            <li @click="tipTestRoute('/WorkStationManager','18_20M')">工站23-24(管理员)</li>
            <li @click="tipTestRoute('/workStationOperator','25O')">工站25(操作员)</li>
            <li @click="tipTestRoute('/WorkStationManager','18_20M')">工站25(管理员)</li>
            <li @click="tipTestRoute('/workStationOperator','26O')">工站26(操作员)</li>
            <li @click="tipTestRoute('/WorkStationManager','26M')">工站26(管理员)</li>
        </ul>
    </div>
</template>

<script>
  export default {
    name: "Menu",
    methods:{
      tipTestRoute(path, role) {
        if (arguments.length == 2) {
          this.$router.push({
            path,
            query: {
              role
            }
          });
        } else {
          this.$router.push({
            path
          });
        }
      },
    }
  }
</script>

<style scoped lang="scss">
    .Test {
        overflow-y: scroll;
        z-index: 99999999999999;
        position: fixed;
        right: 0;
        top: 0;
        height: 100vh;
        width: 300px;
        background: #4e6380;

        ul {
            li {
                color: white;
                line-height: 40px;
                list-style: none;
                cursor: pointer;
            }
        }
    }
</style>